$(function () {

  resetui()

  //回车输入
  $(window).on('keydown', function (e) {
    if (e.keyCode === 13) {
      //trim()  去掉两侧空白
      const text = $('#ipt').val().trim()
      if (text.length <= 0) {
        return $('#ipt').val('')
      }
      $('#talk_list').append(`<li class="right_word"><img src="img/person02.png" /> <span>${text}</span></li>`)
      $('#ipt').val('')
      // 重置滚动条的位置
      resetui()
      getMsg(text)
    }
  })

  //点击输入
  $('#btnSend').on('click', function () {
    const text = $('#ipt').val().trim()
    if (text.length <= 0) {
      return $('#ipt').val('')
    }
    $('#talk_list').append(`<li class="right_word"><img src="img/person02.png" /> <span>${text}</span></li>`)
    $('#ipt').val('')
    // 重置滚动条的位置
    resetui()
    getMsg(text)
  })

  //获取聊天机器人的消息
  function getMsg(text) {
    $.ajax({
      method: "GET",
      url: 'http://www.liulongbin.top:3006/api/robot',
      data: {
        spoken: text
      },
      success: (res) => {
        // console.log(res);
        const {
          message,
          data
        } = res
        if (message === "success") {
          let msg = res.data.info.text
          // console.log(msg);
          $('#talk_list').append(`<li class="left_word"><img src="img/person01.png" /> <span>${msg}</span></li>`)
          // 重置滚动条的位置
          resetui()

          //传机器人的value
          getVoice(msg)
        }
      }

    })
  }

  //机器人语言
  function getVoice(text) {
    $.ajax({
      method: 'GET',
      url: 'http://www.liulongbin.top:3006/api/synthesize',
      data: {
        text
      },
      success: res => {
        // console.log(res);
        if (res.status == 200) {
          $('#voice').attr('src', res.voiceUrl)
        }
      }
    })
  }
})